/**
 * haopc
 * 2021/4/4
 * 地图相关
 */
window.onload=load;

 //加载地图
 function load(){
    //初始化地图
    map = new T.Map('mapDiv');

    //设置显示地图的中心点和级别
    map.centerAndZoom(new T.LngLat(113.08, 29.26), 8);

    //允许鼠标滚轮缩放地图
    map.enableScrollWheelZoom();

    //添加鹰眼控件
    var miniMap = new T.Control.OverviewMap({
        isOpen: true,
        size: new T.Point(150, 150)
    });
    map.addControl(miniMap);

    // 创建比例尺控件对象
    var scale = new T.Control.Scale();
    // 添加比例尺控件
    map.addControl(scale);

    // 创建缩放平移控件对象
    control = new T.Control.Zoom();
    // 添加缩放平移控件
    map.addControl(control);
    control.setPosition(T_ANCHOR_TOP_RIGHT);

    // 创建标记图片对象（支持更换图标）
    var icon = new T.Icon({
        iconUrl: "http://api.tianditu.com/img/map/markerA.png",
        iconSize: new T.Point(19, 27),
        iconAnchor: new T.Point(10, 25)
    });

    // 后台要传来的json数据（测试数据）
    var jsonStr = "[{'longitude':'117.343706','latitude':'39.025403','address':'天津市津南区辛庄镇','code':'XZZ001','waterRight':'1300','waterConsumption':'620','state':'0'},{'longitude':'117.040829','latitude':'39.197267','address':'天津市北辰区青光镇','code':'QGZ001','waterRight':'900','waterConsumption':'520','state':'0'},{'longitude':'117.233717','latitude':'39.018587','address':'天津市西青区大寺镇大寺村','code':'DSC001','waterRight':'650','waterConsumption':'326','state':'0'}]";

    // json串转json对象
    var json = eval('(' + jsonStr + ')');

    // 循环获取json数据
    for (var i = 0; i < json.length; i++) {
        // 创建标注
        var marker = new T.Marker(new T.LngLat(json[i].longitude,json[i].latitude),{icon: icon});
        // 准备标注信息
        var content = "<table cellpadding='0' cellspacing='0' style='width: 260px;'>" +
                    "<tr>" +
                        "<td style='width: 50px;'>机井编号：</td>" +
                        "<td style='width: 70px;'>"+json[i].code+"</td>" +
                        "<td style='width: 40px;'>状&nbsp;&nbsp;&nbsp;&nbsp;态：</td>" +
                        "<td style='width: 40px;'>正常</td>" +
                    "</tr>" +
                    "<tr>" +
                        "<td>分配水权：</td>" +
                        "<td>"+json[i].waterRight+"m³</td>" +
                        "<td>用水量：</td>" +
                        "<td>"+json[i].waterConsumption+"m³</td>" +
                    "</tr>" +
                    "<tr>" +
                        "<td>归&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;属：</td>" +
                        "<td colspan='3'>"+json[i].address+"</td>" +
                    "</tr>" +
                "</table>";

        // 将标注添加到地图中
        map.addOverLay(marker);

        // 为标注添加点击事件
        marker.addEventListener("click",function(e){
            // 获取标注的经纬坐标
            var point = e.lnglat;
            // 创建标注
            var marker = new T.Marker(point);
            // 创建信息窗口对象
            var markerInfoWin = new T.InfoWindow(content,{offset:new T.Point(0,-20)});
            // 开启信息窗口
            map.openInfoWindow(markerInfoWin,point);
        });

    }






 }

















































